<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>报表服务配置</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit"/>
    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>


    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/jstree/dist/themes/default/style.min.css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <link href="../metronic/assets/global/plugins/icheck/skins/all.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/css/components-rounded.min.css" rel="stylesheet" id="style_components"
          type="text/css"/>
    <link href="../metronic/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-editable.css"/>
    <!-- Page -->
    <link rel="stylesheet" type="text/css" href="../theme/serviceConfigration/singleReportServer.css"/>
    <!-- END THEME STYLES -->
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent; overflow-y:auto;">
<div class="row" style="margin-top:16px;">
    <!--Begin Left Tree-->
    <div class="col-md-3">
        <div class="portlet blue-steel box" style="min-height:575px; background-color:#FFF;">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>数据源列表
                </div>
                <div class="tools">
                    <a id="tree_refresh" href="javascript:;" class="reload">
                    </a>
                    <a id="tree_del" href="javascript:;" class="remove">
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div id="tree" class="ztree" style="overflow: auto; min-height: 515px;">
                </div>
            </div>
        </div>
    </div>
    <!--End Left Tree-->
    <!--Begin Right Content-->
    <div class="col-md-9">
        <div id="right_cusom" class="portlet box blue-steel" style="min-height:575px; background-color:#FFF;">
            <div class=" portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>报表基本信息
                </div>
            </div>
            <div class="portlet-body">
                <div class="tabbable-custom nav-justified">
                    <ul id="myTab" class="nav nav-tabs nav-justified disable">
                        <li class="active">
                            <a id="a_tab_table" href="#tab_1_1_1" data-toggle="tab">
                                报表信息配置
                            </a>
                        </li>
                        <li>
                            <a id="a_tab_field" href="#tab_1_1_2" data-toggle="tab">
                                报表附加属性
                            </a>
                        </li>
                        <!-- <li>
                            <a id="a_tab_view" href="#tab_1_1_4" data-toggle="tab">
                               报表显示列
                            </a>
                        </li> -->
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_1_1_1">
                            <div class="form-horizontal form-body form-inline">
                                <div class="form-group">
                                    <label class="col-md-4 control-label">报表名称:</label>
                                    <div class="col-md-4">
                                        <input id="servicename" name="servicename" type="text"
                                               class="form-control input-inline input-medium input-circle"
                                               placeholder="请输入报表中文名称">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">报表模板:</label>
                                    <div class="col-md-4">
                                        <select id="tempid" name="tempid"
                                                class="form-control input-inline input-medium input-circle"
                                                placeholder="请选择报表模板">
                                        </select>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">模板标题:</label>
                                    <div class="col-md-4">
                                        <input id="rtitle" name="rtitle" type="text"
                                               class="form-control input-inline input-medium input-circle">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">&nbsp;&nbsp;服务ID:</label>
                                    <div class="col-md-4">
                                        <input id="guid" name="guid" type="text"
                                               class="form-control input-inline input-medium input-circle"
                                               placeholder="请输入表主键">
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">&nbsp;&nbsp;所属库:</label>
                                    <div class="col-md-4">
                                        <select id="dtDbKey" name="dtDbKey"
                                                class="form-control input-inline input-medium input-circle"
                                                placeholder="请选择所属库">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">&nbsp;&nbsp;配置表:</label>
                                    <div class="col-md-4">
                                        <select id="dtConfigId" name="dtConfigId"
                                                class="form-control input-inline input-medium input-circle"
                                                placeholder="请选择所属表">
                                        </select>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group" style="width: 100%;">
                                    <label class="col-md-2 control-label">报表显示列:</label>
                                    <div class="col-md-10" style="">
                                        <div class="icheck-inline" id="toColumn">
                                            <!-- <label><input type="checkbox" class="icheck"> Checkbox 1 </label>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <input type="checkbox" checked class="icheck"> Checkbox 2  -->
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <label class="col-md-3 control-label" style="margin-left:-12px;">备注:</label>
                                    <div class="col-md-7">
                                        <input id=remark name="remark" type="text"
                                               class="form-control input-inline input-xlarge input-circle"
                                               style="width:100%;" placeholder="请输入表说明信息">
                                    </div>
                                </div>
                                <hr>
                                <div class="form-group">
                                    <button id="btn_tableSave" type="button" class="btn blue">保&nbsp;&nbsp;存</button>
                                    <span id="valide_dtMessage" class="help-inline" style="color:red;"></span>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tab_1_1_2">
                            <div class="table-toolbar">
                                <div class="btn-group">
                                    <button id="btn_fieldAdd" class="btn blue"><i class="fa fa-plus"></i>新增属性</button>
                                </div>
                                <div class="btn-group">
                                    <button id="btn_fieldDel" class="btn blue"><i class="fa fa-plus"></i>删除属性</button>
                                </div>
                            </div>
                            <table id="tb_fieldList"></table>
                        </div>
                        <!-- <div class="tab-pane" id="tab_1_1_4">
                            <table id="tb_viewList"></table>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--End Right Content-->
</div>
<!-- Begin隐藏域 -->
<input type="hidden" id="hid_IsMark" name="IsMark">
<input type="hidden" id="hid_dtguid" name="dtguid">
<input type="hidden" id="hid_dtConfigId" name="dtConfigId">
<!-- End隐藏域 -->
<!-- Begin弹窗 -->
<div id="FieldModul" class="modal fade" tabindex="-1" aria-hidden="true">
    <div id="FieldDialog" class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="padding:8px; background-color:#4276A4;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <span class="modal-title" style="color:#fff; font-size:16px;">新增属性</span>
            </div>
            <div class="modal-body">
                <div id="fieldIframe" class="form-horizontal form-body form-inline" name="fieldIframe"
                     style="width:95%; height:400px; border:solid 0px red;"></div>
            </div>
        </div>
    </div>
</div>
<!-- End弹窗 -->

<!--<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="../js/zTree/jquery.ztree.core.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
        type="text/javascript"></script>
<script src="../metronic/assets/main/layout/scripts/layout.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/icheck/icheck.min.js" type="text/javascript"></script>
<script src="../metronic/assets/pages/scripts/form-icheck.min.js" type="text/javascript"></script>
<!-- Page -->
<script src="../js/serviceConfigration/singleReportServer.js" type="text/javascript"></script>

</body>
</html>
